<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta/>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Sidebar Transitions: Transition effects for off-canvas views" />
<meta name="keywords" content="transition, off-canvas, navigation, effect, 3d, css3, smooth" />
<meta name="author" content="Codrops" />
<title>长袜子皮皮图书屋</title>
<link rel="shortcut icon" href="../favicon.ico">
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/icons.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/bootstrap-table/bootstrap-table.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/default.css" />
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/component-modal.css" />
<script src="${pageContext.request.contextPath}/js/modernizr.custom.js"></script>
</head>
<body style="background-color:#f3efe8;margin-left:15px;margin-right:15px">

	<div class="input-group" style="margin-top:20px">
		<span class="input-group-addon" >书名：</span> 
		<input type="text" class="form-control" placeholder="" aria-describedby="basic-addon1" id="book-name-search-box">

		<span class="input-group-addon" >isbn：</span> 
		<input type="text" class="form-control" placeholder="" aria-describedby="basic-addon1" id="book-isbn-search-box">
		
		<span class="input-group-addon" >购买地点：</span> 
		<input type="text" class="form-control" placeholder="" aria-describedby="basic-addon1" id="book-site-search-box">
	</div>

	<div>
		<div class="btn-group" role="group" aria-label="..." id="tools-btn" style="margin:10px">
			<button type="button" class="btn btn-default md-trigger" id="addMyBook">添加</button>
			<button type="button" class="btn btn-default" style="margin-left:10px">删除</button>
			<button type="button" class="btn btn-default" style="margin-left:10px">导出</button>
			<button type="button" class="btn btn-default" style="margin-left:10px" id="search">查询</button>
			<button type="button" class="btn btn-default" style="margin-left:10px" id="reset">重置</button>
	  	</div>
  	</div>
  	
	<table id="bookBox"></table>

	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/common/js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/bootstrap-table/bootstrap-table.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/bootstrap-select/js/bootstrap-select.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/classie.js"></script>
	<script type="text/javascript" charset="utf-8">
		var polyfilter_scriptpath = '/js/';
	</script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/cssParser.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/css-filters-polyfill.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/common.js"></script>
	<script type="text/javascript" charset="utf-8"
		src="${pageContext.request.contextPath}/js/user/books.js"></script>


</body>
</html>